{extend name="base/common"/}
{block name="body"}
<div class="container">
    <div class="row order-container">
        <div class="col-md-12">
            <div class="box">
                <div class="box">
                    <div class="hd mb20" >
                        <h1 class="heading-title">我的订单</h1>
                    </div>
                    <div class="clearfix">
                        <ul class="nav nav-tabs mb10" role="tablist">
                            <li role="presentation" class="active"><a href="#unfinish" aria-controls="unfinish" role="tab" data-toggle="tab">未完成预约</a></li>
                            <li role="presentation"><a href="#finish" aria-controls="finish" role="tab" data-toggle="tab">已完成预约</a></li>
                            <li role="presentation"><a href="#cancel" aria-controls="cancel" role="tab" data-toggle="tab">已取消预约</a></li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="unfinish">
                            {volist name="lists" id="data"}
                            {if condition="$data['status']==1"}
                            <div class="panel panel-default">
                                <div class="panel-heading">{$data.appoint_time}</div>
                                <div class="panel-body">
                                    <div class="row order-iterm">
                                        <div class="col-md-8 order-container-list">
                                            <div class="row">
                                                <div class="col-md-2">
                                                    <img class="order-container-img" src="{$data.cover_id|get_cover='path'}">
                                                </div>
                                                <div class="col-md-10">
                                                    <p>{$data.name}</p>
                                                    <p>{$data.title}</p>
                                                    <p>{$data.second_title}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="pull-right ">
                                                <p class="text-nowrap"><a href="{:url('user/order_cancel?uid='.$data.uid)}" class="btn btn-danger mb5">取消订单</a></p>
                                                <p class="text-nowrap"><a class="btn btn-default mb5">订单详情</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {/if}
                            {/volist}
                        </div>

                        <div role="tabpanel" class="tab-pane" id="finish">
                            {volist name="lists" id="data"}
                            {if condition="$data['status']==1"}
                            <div class="panel panel-default">
                                <div class="panel-heading">{$data.appoint_time}</div>
                                <div class="panel-body">
                                    <div class="row order-iterm">
                                        <div class="col-md-8 order-container-list">
                                            <div class="row">
                                                <div class="col-md-2">
                                                    <img class="order-container-img" src="{$data.cover_id|get_cover='path'}">
                                                </div>
                                                <div class="col-md-10">
                                                    <p>{$data.name}</p>
                                                    <p>{$data.title}</p>
                                                    <p>{$data.second_title}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="pull-right ">
                                                <p class="text-nowrap"><a href=":url()" class="btn btn-danger mb5">取消订单</a></p>
                                                <p class="text-nowrap"><a class="btn btn-default mb5">订单详情</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {/if}
                            {/volist}
                        </div>

                        <div role="tabpanel" class="tab-pane" id="cancel">
                            {volist name="lists" id="data"}
                            {if condition="$data['status']==-1"}
                            <div class="panel panel-default">
                                <div class="panel-heading">{$data.appoint_time}</div>
                                <div class="panel-body">
                                    <div class="row order-iterm">
                                        <div class="col-md-8 order-container-list">
                                            <div class="row">
                                                <div class="col-md-2">
                                                    <img class="order-container-img" src="{$data.cover_id|get_cover='path'}">
                                                </div>
                                                <div class="col-md-10">
                                                    <p>{$data.name}</p>
                                                    <p>{$data.title}</p>
                                                    <p>{$data.second_title}</p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-4">
                                            <div class="pull-right ">
                                                <p class="text-nowrap"><a href=":url()" class="btn btn-danger mb5">取消订单</a></p>
                                                <p class="text-nowrap"><a class="btn btn-default mb5">订单详情</a></p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            {/if}
                            {/volist}
                        </div>

                    </div>
                </div>
            </div>
        </div>
        {$_page}
    </div>
</div>
{/block}
{block name="script"}
{/block}